// 首页内容模块

/* 轮播图 */
.banner{
    position: relative;
    .imgs{
        height: 480px;
        overflow: hidden;
        div{
            width: 100%;
            height: 480px;
            background-image: url('../imgs/banner1.jpg');
            background-position: center center;
            background-size: cover;
        }
    }
}

/* 商品内容 */
.main{
    padding: 50px 0 20px 0;
    background-color: #f5f5f5;
    /* 新品发布 */
    .new_goods{
        width: 1200px;
        margin: 0 auto;
        // overflow: hidden;
        display: flow-root;
        .goods{
            float: left;
            width: 390px;
            position: relative;
            margin-right: 15px;
            background-color: #fff;
            &:hover{
                box-shadow: 0 0 10px #999;
            }
            &:hover .img3{
                display: block;
            }
            .img1{
                width: 390px;
            }
            .img2{
                width: 264px;
                height: 176px;
                position: absolute;
                left: 63px;
                top: 68px;
                z-index: 10;
            }
            .img3{
                width: 390px;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 20;
                background-color: #fff;
                display: none;
            }
            h1{
                margin: 130px 0 10px 0;
                font-size: 28px;
                text-align: center;
                color: @color1;
            }
            h5{
                font-size: 12px;
                color: @color1;
                text-align: center;
            }
            p{
                padding: 10px 20px 40px;
                text-align: center;
                font-size: 14px;
                color: @color1;
            }
            div{
                font-size: 16px;
                color: @color1;
                text-align: center;
                padding-bottom: 50px;
            }
        }
        .goods:last-child{
            margin-right: 0;
        }
    }
}
